<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>
</head>
<body>
    <!--1.行内写法 写在对应的html元素上
    onclick="" 给元素绑定一个点击事件,点击元素时执行""里的代码
    console.log(666)向控制台输出数字666
    alert('请先登录!') 弹窗,显示括号里的文本
    -->
    <button onclick="console.log(666)">点击即玩</button>
    <button onclick="alert('请先登录!')">点击即玩2</button>

    <div id="d1"></div>
    <!-- 2.内部写法:在body结束前加script标签,在标签里写JS代码   -->
    <!-- 通过id值可以直接获取到对应的html元素   -->
    <script>
        console.log('我看看执行了没!');
        console.log(d1);
    </script>

    <!-- 3.外部写法:在script标签的src属性引入外部的JS文件
     如果此标签用于引入外部的js文件,则标签中间不能写JS代码,不会执行!-->
    <script src="01.js">
        console.log('你看我执行吗?');
    </script>
</body>
</html>